<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>复合选择器的叠加</title>
<style type="text/css">
.inner{ text-decoration:line-through;}
 /*类选择器定义删除线，权重为10*/
div div div div div div div div div div div{ text-decoration:overline;}
/*后代选择器定义下划线，权重为11个1的叠加*/
</style>
</head>
<body>
<div>
   <div><div><div><div><div><div><div><div><div>
               <div class="inner">文本的样式</div>
   </div></div></div></div></div></div></div></div></div>
</div>
</body>
</html>
